<style scoped>
  /*.row_style{
    padding-bottom: 16px;
  }*/
  .input_cell span{
    font-size: 16px;
    color: #464c5b;
    font-weight: bold;
  }
  .style_inline{
    display: inline-block;
  }
  .input_size{
   min-width: 100px;
  }
  .input_cell{
    margin-left: 40px;
    text-align:left;
  }
  .input_cell_title{
    padding-bottom: 10px;
  }
  .tax_block{
    padding-left: 20px;
  }
  .ivu-form-item {
    margin-bottom: 0px;
  }
  .organ_inline{

  }
  .organFont_style{
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .row_lineheight{
    padding-bottom: 10px;
  }
</style>
<template>
  <div class="order_content">
    <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="50">
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <span>税务状况</span><br>
            国税：
            <FormItem prop="stateTaxReport">
              <RadioGroup v-model="formValidate.stateTaxReport">
                <Radio label="已报到"></Radio>
                <Radio label="未报到"></Radio>
              </RadioGroup>
            </FormItem>
            <FormItem prop="stateTaxNormal" style="display: inline-block">
              <RadioGroup v-model="formValidate.stateTaxNormal">
                <Radio label="正常"></Radio>
                <Radio label="不正常"></Radio>
              </RadioGroup>
            </FormItem>
          </div>
          </Col>
          <Col span="12">

          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>报税类型*</span>
            </div>
            <div class="tax_block">
              <FormItem prop="taxType">
              <RadioGroup v-model="formValidate.taxType">
                <Radio label="小规模纳税人"></Radio>
                <Radio label="一般纳税人"></Radio>
              </RadioGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>税种核定*</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
                流转税:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="增值税"></Checkbox>
                  <Checkbox label="消费税"></Checkbox>
                  <Checkbox label="关税"></Checkbox>
                </CheckboxGroup>
              </FormItem>
              <FormItem prop="incomeTax">
                所得税:
                <CheckboxGroup v-model="formValidate.incomeTax">
                  <Checkbox label="企业所得税(国税)"></Checkbox>
                  <Checkbox label="个人所得税"></Checkbox>
                </CheckboxGroup>
              </FormItem>
              <FormItem prop="propertyTax">
                财产税:
                <CheckboxGroup v-model="formValidate.propertyTax">
                  <Checkbox label="房产税"></Checkbox>
                  <Checkbox label="土地使用税"></Checkbox>
                  <Checkbox label="车船税"></Checkbox>
                  <Checkbox label="土地增值税"></Checkbox>
                </CheckboxGroup>
              </FormItem>
              <FormItem prop="behaviorTax">
                行为税:
                <CheckboxGroup v-model="formValidate.behaviorTax">
                  <Checkbox label="印花税"></Checkbox>
                  <Checkbox label="契税"></Checkbox>
                </CheckboxGroup>
              </FormItem>
              <FormItem prop="additionalTax">
                税金及附加:
                <CheckboxGroup v-model="formValidate.additionalTax">
                  <Checkbox label="城建税"></Checkbox>
                  <Checkbox label="教育附加税"></Checkbox>
                  <Checkbox label="各地自行开增的税费"></Checkbox>
                  <Checkbox label="文化事业建设税"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>申报周期*</span>
            </div>
            <div class="tax_block">
              <FormItem prop="addTax">
                增值税：
                <RadioGroup v-model="formValidate.addTax">
                  <Radio label="月报"></Radio>
                  <Radio label="季报"></Radio>
                </RadioGroup>
              </FormItem>
              <br>
              <FormItem prop="corporateIncomeTax">
                企业所得税：
                <RadioGroup v-model="formValidate.corporateIncomeTax">
                  <Radio label="月报"></Radio>
                  <Radio label="季报"></Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="18">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>征税机关*</span>
            </div>
            <div class="tax_block">
              <Row class="row_lineheight">
                <Col span="8">
                  <FormItem prop="StateTaxOrgan" class="organ_inline">
                    <Row>
                      <Col span="8" class="organFont_style">国税税务机关：</Col>
                      <Col span="16"><Input class="input_size" v-model="formValidate.StateTaxOrgan" placeholder="请输入"></Input></Col>
                    </Row>
                  </FormItem>
                </Col>
                <Col span="8">
                  <FormItem prop="department" class="organ_inline">
                    <Row>
                      <Col span="8" class="organFont_style">科室：</Col>
                      <Col span="16"><Input class="input_size" v-model="formValidate.department" placeholder="请输入"></Input></Col>
                    </Row>
                  </FormItem>
                </Col>
                <Col span="8">
                <FormItem prop="address" class="organ_inline">
                  <Row>
                    <Col span="8" class="organFont_style">具体地址：</Col>
                    <Col span="16"><Input class="input_size" v-model="formValidate.address" placeholder="请输入"></Input></Col>
                  </Row>
                </FormItem>
                </Col>
              </Row>
              <Row class="row_lineheight">
                <Col span="8">
                  <FormItem prop="StateTaxOrgan" class="organ_inline">
                    <Row>
                      <Col span="8" class="organFont_style">国税专管员：</Col>
                      <Col span="16"><Input class="input_size" v-model="formValidate.StateTaxOrgan" placeholder="请输入"></Input></Col>
                    </Row>
                  </FormItem>
                </Col>
                <Col span="8">
                  <FormItem prop="department" class="organ_inline">
                    <Row>
                      <Col span="8" class="organFont_style">联系电话：</Col>
                      <Col span="16"><Input class="input_size" v-model="formValidate.department" placeholder="请输入"></Input></Col>
                    </Row>
                  </FormItem>
                </Col>
                <Col span="8">
                <Row>
                  <Col span="8"></Col>
                  <Col span="16"></Col>
                </Row>
                </Col>
              </Row>
              <Row class="row_lineheight">
                <Col span="8">
                <FormItem prop="StateTaxOrgan" class="organ_inline">
                  <Row>
                    <Col span="8" class="organFont_style">地税税务机关：</Col>
                    <Col span="16"><Input class="input_size" v-model="formValidate.StateTaxOrgan" placeholder="请输入"></Input></Col>
                  </Row>
                </FormItem>
                </Col>
                <Col span="8">
                <FormItem prop="department" class="organ_inline">
                  <Row>
                    <Col span="8" class="organFont_style">科室：</Col>
                    <Col span="16"><Input class="input_size" v-model="formValidate.department" placeholder="请输入"></Input></Col>
                  </Row>
                </FormItem>
                </Col>
                <Col span="8">
                <FormItem prop="address" class="organ_inline">
                  <Row>
                    <Col span="8" class="organFont_style">具体地址：</Col>
                    <Col span="16"><Input class="input_size" v-model="formValidate.address" placeholder="请输入"></Input></Col>
                  </Row>
                </FormItem>
                </Col>
              </Row>
              <Row class="row_lineheight">
                <Col span="8">
                <FormItem prop="StateTaxOrgan" class="organ_inline">
                  <Row>
                    <Col span="8" class="organFont_style">地税专管员：</Col>
                    <Col span="16"><Input class="input_size" v-model="formValidate.StateTaxOrgan" placeholder="请输入"></Input></Col>
                  </Row>
                </FormItem>
                </Col>
                <Col span="8">
                <FormItem prop="department" class="organ_inline">
                  <Row>
                    <Col span="8" class="organFont_style">联系电话：</Col>
                    <Col span="16"><Input class="input_size" v-model="formValidate.department" placeholder="请输入"></Input></Col>
                  </Row>
                </FormItem>
                </Col>
                <Col span="8">
                <Row>
                  <Col span="8"></Col>
                  <Col span="16"></Col>
                </Row>
                </Col>
              </Row>
              <br>
              <!--<FormItem prop="StateTaxOrgan" class="organ_inline">
                 地税主管税务机关：
                <Input class="input_size" v-model="formValidate.StateTaxOrgan" placeholder="请输入"></Input>
              </FormItem>
              <FormItem prop="department" class="organ_inline">
                科室：
                <Input class="input_size" v-model="formValidate.department" placeholder="请输入"></Input>
              </FormItem>
              <FormItem prop="address" class="organ_inline">
                具体地址：
                <Input class="input_size" v-model="formValidate.address" placeholder="请输入"></Input>
              </FormItem>
              <br>
              <FormItem prop="StateTaxOrgan" class="organ_inline">
                 地 税 专 管 员：
                <Input class="input_size" v-model="formValidate.StateTaxOrgan" placeholder="请输入"></Input>
              </FormItem>
              <FormItem prop="department" class="organ_inline">
                联系电话：
                <Input class="input_size" v-model="formValidate.department" placeholder="请输入"></Input>
              </FormItem>
              <br>-->
            </div>
          </div>
          </Col>
          <Col span="">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span></span>
            </div>
            <div class="tax_block">
              <FormItem>
                <Button type="primary" @click="handleSubmit('formValidate')">提交</Button>
                <Button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</Button>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
    </Form>
  </div>
</template>
<script>
  export default {
    components: {

    },
    data(){
      return{
        formValidate:{//表单验证
          //国税
          stateTaxReport:'',
          stateTaxNormal:'',
          //纳税人类型
          taxType:'',
          //企业所得税
          corporateIncomeTax:'',
          //流转税
          turnoverTax:[],
          //所得税
          incomeTax:[],
          //财产税
          propertyTax:[],
          //行为税
          behaviorTax:[],
          //税金及附加
          additionalTax:[],
          //增值税
          addTax:'',
          //企业所得税
          corporateIncomeTax:'',
          //国税主管税务机关
          StateTaxOrgan:'',
          //国税科室
          department:'',
          //国税具体地址
          address:'',
          //地税主管税务机关
          landTaxOrgan:'',
          //地税科室
          department:'',
          //地税具体地址
          address:'',
        },
        ruleValidate:{//格式校验

        }
      }
    },
    methods:{
      handleSubmit (name) {
        this.$refs[name].validate((valid) => {
          if (valid) {
            this.$Message.success('提交成功!');
            console.log('企业所得税'+this.formValidate.addTax);
            console.log('财产税'+this.formValidate.propertyTax);
          } else {
            this.$Message.error('表单验证失败!');
          }
        })
      },
      handleReset (name) {
        this.$refs[name].resetFields();
      }
    }
  }
</script>
